<d-layout>
  <d-header>
    <d-row  style="background-color: darkred;">
      <d-col [dSpan]="24">
        <div class="text" style="font-family: '华文彩云'; line-height: 50px;color: aliceblue"> —<span style="font-family: 华文行楷;font-size: xx-large"> 坦克大战 </span> TANK FIGHTER —</div>
      </d-col>
    </d-row>

    <d-row [dJustify]="'center'">
      <d-col [dSpan]="24">
        <section>
          <d-tabs  [(activeTab)]="tabActiveId" >
            <d-tab *ngFor="let item of tabItems" [id]="item.id" >
              <ng-template dTabTitle >
                <a [routerLink]="item.rlink" style="font-family: HuaweiFont;font-weight: bolder;padding: 10px 20px" >{{ item.title }}</a>
              </ng-template>
            </d-tab>
          </d-tabs>
        </section>
      </d-col>

    </d-row>
  </d-header>

  <d-content>
    <d-row  [dJustify]="'center'" class="inner-content">
      <d-col [dSpan]="24">
        <router-outlet></router-outlet>
      </d-col>

    </d-row>

  </d-content>

  <d-footer>
    <d-row>
      <d-col [dSpan]="24">
        - tank tank tank tank tank -
      </d-col>

    </d-row>

  </d-footer>

</d-layout>





